const BASE_URL = 'http://api-breakingnews-web.itheima.net'

// 一. 获取个人信息
function hm_getUserInfo() {
  mg_mg_getUserInfo(res => {
    //1.1 解构
    // TODO ===> id
    // id ===> 隐藏域 ==> 方便存值  和  取值
    // 数据驱动视图
    let { username, nickname, email, id } = res.data.data

    //1.2 做一个基本的展示
    $('input[name=username]').val(username)
    $('input[name=nickname]').val(nickname)
    $('input[name=email]').val(email)
    $('input[name=id]').val(id)
  })

  // axios
  //   .get(`http://api-breakingnews-web.itheima.net/my/userinfo`, {
  //     headers: {
  //       Authorization: localStorage.getItem('token'),
  //     },
  //   })
  //   .then(res => {
  //     //1.1 解构
  //     // TODO ===> id
  //     // id ===> 隐藏域 ==> 方便存值  和  取值
  //     // 数据驱动视图
  //     let { username, nickname, email, id } = res.data.data

  //     //1.2 做一个基本的展示
  //     $('input[name=username]').val(username)
  //     $('input[name=nickname]').val(nickname)
  //     $('input[name=email]').val(email)
  //     $('input[name=id]').val(id)
  //   })
}

hm_getUserInfo()

// 二 . 校验
layui.form.verify({
  // 用户名
  nickname: value => {
    if (!/^[\u4E00-\u9FA5]+$/.test(value)) {
      return '昵称必须为中文'
    }
  },
})

// 三. 点击确认修改
$('.layui-form').on('submit', e => {
  //1. 阻止默认行为
  e.preventDefault()

  //2. 获取数据
  let nickname = $('input[name=nickname]').val()
  let email = $('input[name=email]').val()
  let id = $('input[name=id]').val()
  let data = `nickname=${nickname}&email=${email}&id=${id}`
  console.log('点击获取:', data)

  //3. 发送请求
  axios
    .post(`${BASE_URL}/my/userinfo`, data, {
      headers: {
        Authorization: localStorage.getItem('token'),
      },
    })
    .then(res => {
      console.log('修改信息', res.data)

      // 更新/刷新
      window.parent.mg_getUserInfo()
    })
})

// 四. 重置
$('.my-reset').on('click', () => {
  hm_getUserInfo()
})
